// 级联下拉框初始化(刚进页面的渲染)
// 当有下拉元素的时候才显示第一个下拉框, 第一级下拉框数据包括最高级本身+下一级子级,此时默认选中最高级本身
// 当第一个下拉框有子级元素的时候，显示第二个下拉框
// 这层代码最好放到js最开始
function getBankChilds(){
	$.ajax({
		url: webroot + "/admin/staff/getBankChilds",
		type:"post",
		dataType:"json",
		data: {
			"isFirstSelect": "true"
		},
		success:function(data){
			if (data != null && data.length > 0) {
				$('.searchBank1').html("");
				$('.searchBank1').append("<label class=\"col-lg-2 col-md-2 control-label\">所属银行</label><div class=\"col-lg-5 col-md-5\"><select class=\"form-control\" name=\"searchBank1\" id=\"searchBank1\"><option value=\"total\">--请选择--</option></select></div>");
				for (var i = 0; i < data.length; i++) {
				    var value = data[i].bankId;
				    //var text = data[i].name;//BankOrg
				    var text = data[i].bankName;//BankOrgDevice
				    $('#searchBank1').append("<option value='" + value + "'>" + text + "</option>");
				}
			}
		}
	});
}
// 监听级联下拉框元素变化,当改变第一级下拉框选中值的时候，第二级下拉框也会发生改变
// 这层js代码要放在body后面，否则获取不到html元素
$(".searchBank1").on("change", function() {
    var parentId = $("#searchBank1").val();
    $.ajax({
        url: webroot + "/admin/staff/getBankChilds",
        type: "post",
        data: {
            "parentId": parentId
        },
        success: function(data) {
        	var arrs = eval('('+data+')');
            if (arrs != null && arrs.length > 1) {
            	$('.searchBank2').html("");
                $('.searchBank2').append("<div class=\"col-lg-5 col-md-5\"><select class=\"form-control\" name=\"searchBank2\" id=\"searchBank2\">");
                $('#searchBank2').append("<option value='total'>--请选择--</option>");
                for (var i = 0; i < arrs.length; i++) {
                    var value = arrs[i].bankId;
                    //var text = arrs[i].name;//BankOrg
				    var text = arrs[i].bankName;//BankOrgDevice
                    $('#searchBank2').append("<option value='" + value + "'>" + text + "</option>");
                }
                $('.searchBank2').append("</select></div>");
            } else {
            	$('.searchBank2').html("");
        	}
        }
    });
});